<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>仓库</title>
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="../../../assets/styles/search.css">
    <link rel="stylesheet" href="../../../assets/styles/details/warehouse/warehouse.css">
</head>
<body style="overflow-x:hidden;background:#f3f3f3;">
    <div class="btn-div">
        <!-- <button type="button" class="btn btn-primary"  data-toggle="modal" data-target="#demoModal">新增</button> -->
        <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#demoModal-1">编辑</button>
        <!-- <button type="button" class="btn btn-primary"  data-toggle="modal" data-target="#demoModal-2">删除</button> -->
        <div class="search-box">
            <form action="">
                <select name="" id="">
                    <option value=""></option>
                    <option value=""></option>
                </select>
                <input type="text">
                <button type="button" class="btn btn-success">搜索</button>
            </form>
        </div>
    </div>
    <!-- 表格部分 -->
    <div>
        <table class="table table-condensed">
            <thead>
                <tr>
                    <th class="number">序号</th>
                    <th class="batch">批量</th>
                    <th>商品编号</th>
                    <th>商品名称</th>
                    <th>可用库存</th>
                    <th>锁定库存</th>
                    <th>总库存</th>
                    <th class="operation">操作</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td class="number">1</td>
                    <td class="batch">
                        <input type="checkbox" name="">
                        <!-- <label for="checkOne"></label> -->
                    </td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td class="operation">
                        <button type="button" class="btn btn-success btn-xs" >补货</button>
                    </td>
                </tr>
                <tr>
                    <td class="number">2</td>
                    <td class="batch"><input type="checkbox" name="" id=""></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td class="operation">
                        <button type="button" class="btn btn-success btn-xs" >补货</button>
                    </td>
                </tr>
                <tr>
                    <td class="number">3</td>
                    <td class="batch"><input type="checkbox" name="" id=""></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td class="operation">
                        <button type="button" class="btn btn-success btn-xs" >补货</button>
                    </td>
                </tr>
                <tr>
                    <td class="number">4</td>
                    <td class="batch"><input type="checkbox" name="" id=""></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td class="operation">
                        <button type="button" class="btn btn-success btn-xs" >补货</button>
                    </td>
                </tr>
                <tr>
                    <td class="number">5</td>
                    <td class="batch"><input type="checkbox" name="" id=""></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td class="operation">
                        <button type="button" class="btn btn-success btn-xs" >补货</button>
                    </td>
                </tr>
                <tr>
                    <td class="number">6</td>
                    <td class="batch"><input type="checkbox" name="" id=""></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td class="operation">
                        <button type="button" class="btn btn-success btn-xs" >补货</button>
                    </td>
                </tr>
                <tr>
                    <td class="number">7</td>
                    <td class="batch"><input type="checkbox" name="" id=""></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td class="operation">
                        <button type="button" class="btn btn-success btn-xs" >补货</button>
                    </td>
                </tr>
                <tr>
                    <td class="number">8</td>
                    <td class="batch"><input type="checkbox" name="" id=""></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td class="operation">
                        <button type="button" class="btn btn-success btn-xs" >补货</button>
                    </td>
                    </tr>
                    <tr>
                        <td>9</td>
                        <td><input type="checkbox" name="" id=""></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td class="operation">
                            <button type="button" class="btn btn-success btn-xs" >补货</button>
                        </td>
                        </tr>
                </tr>
                <tr>
                    <td class="number">9</td>
                    <td class="batch"><input type="checkbox" name="" id=""></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td class="operation">
                        <button type="button" class="btn btn-success btn-xs" >补货</button>
                    </td>
                </tr>
            </tbody>
        </table>
    </div>
    <!-- 分页部分 -->
    <div class="footer-pager">
        <span>共<span>5</span>页，当前第<span>1</span>页</span>
        <ul class="pagination">
            <li><a href="#">&laquo;</a></li>
            <li class="active"><a href="#">1</a></li>
            <li class="disabled"><a href="#">2</a></li>
            <li><a href="#">3</a></li>
            <li><a href="#">4</a></li>
            <li><a href="#">5</a></li>
            <li><a href="#">&raquo;</a></li>
        </ul>
    </div>

</body>
<script>
    $('.table tbody tr td input').click(function(){
        $(this).addClass('checkbox-style');
    });
    // 弹窗验证
    // 传入表单对象

</script>
</html>